<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>
<html>

<head>
    <meta charset="utf-8" />
    <title>个人中心</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="css/mui.css" rel="stylesheet" />
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 Shiv 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
    <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
        .content {
            margin-top: 70px;
        }

        .tab-content {
            margin-top: 20px;
        }

        .tab-content>div:last-child {
            display: none;
        }
    </style>

</head>

<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header">
                <h1>
                    个人中心 <small>personCenter</small>
                </h1>
            </div>
        </div>
        <div class="col-md-2 column">
            <img alt="140x140" src="<%=path%>/img/headPhoto.png" class="img-circle" width="150px" height="150px" />
        </div>
        <div class="col-md-6 column">
            <h2 id="id">
                ${name}
            </h2>
        </div>
        <div class="col-md-4 column">
        </div>
    </div>
    <div class="content">
        <ul class="nav nav-tabs">
            <li class="tab active"><a href="#order">我的订单</a></li>
            <li class="tab"><a href="#packagePieces">我的揽件</a></li>
            <li class="tab"><a href="#score">我的积分</a></li>
            <li class="tab"><a href="#addOrder">添加订单</a></li>
            <li ><a href="<%=path%>/jsp/Home.jsp">返回大厅</a></li>
            <li ><a href="<%=path%>/jsp/loginAndRegister.jsp">退出登录</a></li>
        </ul>
        <div class="tab-content">
            <div id="order">
                <table class="table">
                    <thead>
                    <tr>
                        <th>快递号</th>
                        <th>快递类型</th>
                        <th>发布时间</th>
                        <th>状态</th>
                        <th>揽件时间</th>
                        <th>揽件人姓名</th>
                        <th>揽收人电话</th>
                    </tr>
                    </thead>
                    <tbody>
                    <c:forEach items="${list}" var="item">
                        <tr>
                            <td>${item.e_number}</td>
                            <td>${item.e_esc}</td>
                            <td>${item.e_time}</td>
                            <td>${item.e_status}</td>
                            <td>${item.e_leadtime}</td>
                            <td>${item.userid}</td>
                            <td>${item.e_singernum}</td>
                        </tr>
                    </c:forEach>
                    </tbody>
                </table>
            </div>


            <div id="packagePieces">
                <table class="table">
                    <thead>
                        <tr>
                            <th>快递号</th>
                            <th>取货码</th>
                            <th>快递类型</th>
                            <th>揽收时间</th>
                            <th>收件人姓名</th>
                            <th>收件人电话</th>
                            <th>收件人地址</th>
                        </tr>
                    </thead>
                    <tbody>
                    <c:forEach items="${list2}" var="item2">
                        <tr>
                                <td>${item2.e_number}</td>
                                <td>${item2.e_code}</td>
                                <td>${item2.e_esc}</td>
                                <td>${item2.e_leadtime}</td>
                                <td>${item2.e_addressee}</td>
                                <td>${item2.e_tellnumber}</td>
                                <td>${item2.e_address}</td>
                        </tr>
                    </c:forEach>
                    </tbody>
                </table>
            </div>


            <div id="score">
                您当前的积分为：${score}
            </div>


            <div id="addOrder">
                <form class="form-horizontal" role="form" action="/addExpress.html">
                    <div class="form-group">
                        <label for="expressType" class="col-sm-2 control-label">快递类型</label>
                        <div class="col-sm-5">
                            <select  name="esc" class="form-control" id="expressType">
                                <option value="">请选择</option><br>
                                <option value="中通">中通</option><br>
                                <option value="圆通">圆通</option><br>
                                <option value="韵达">韵达</option><br>
                                <option value="天天">天天</option><br>
                                <option value="邮政">邮政</option><br>
                                <option value="京东">京东</option><br>
                                <option value="天猫">天猫</option><br>
                                <option value="申通">申通</option><br>
                                <option value="百世">百世</option><br>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="expressNumber" class="col-sm-2 control-label">快&nbsp;递&nbsp;号</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="expressNumber" name="e_number"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="code" class="col-sm-2 control-label">取&nbsp;&nbsp;货&nbsp;&nbsp;码</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="code" name="e_code" />
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="name" class="col-sm-2 control-label">姓&nbsp;&nbsp;&nbsp;&nbsp;名</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="name" name="e_addressee" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="phoneNumber" class="col-sm-2 control-label">电&nbsp;&nbsp;&nbsp;&nbsp;话</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="phoneNumber" name="e_tellnumber" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="address" class="col-sm-2 control-label">宿&nbsp;舍&nbsp; 楼</label>
                        <div class="col-sm-5">
                            <select  class="form-control" id="address" name="e_address">
                                <option value="">请选择</option><br>
                                <optgroup label="北苑">
                                    <option value="北苑一号公寓楼">北苑一号公寓楼</option><br>
                                    <option value="北苑二号公寓楼">北苑二号公寓楼</option><br>
                                    <option value="北苑三号公寓楼">北苑三号公寓楼</option><br>
                                    <option value="北苑四号公寓楼">北苑四号公寓楼</option><br>
                                    <option value="北苑五号公寓楼">北苑五号公寓楼</option><br>
                                    <option value="北苑六号公寓楼">北苑六号公寓楼</option><br>
                                    <option value="北苑七号公寓楼">北苑七号公寓楼</option><br>
                                </optgroup>
                                <optgroup label="南苑">
                                    <option value="南苑一号公寓楼">南苑一号公寓楼</option><br>
                                    <option value="南苑二号公寓楼">南苑二号公寓楼</option><br>
                                    <option value="南苑三号公寓楼">南苑三号公寓楼</option><br>
                                    <option value="南苑四号公寓楼">南苑四号公寓楼</option><br>
                                    <option value="南苑五号公寓楼">南苑五号公寓楼</option><br>
                                    <option value="南苑六号公寓楼">南苑六号公寓楼</option><br>
                                    <option value="南苑七号公寓楼">南苑七号公寓楼</option><br>
                                    <option value="南苑八号公寓楼">南苑八号公寓楼</option><br>
                                    <option value="南苑九号公寓楼">南苑九号公寓楼</option><br>
                                    <option value="南苑十号公寓楼">南苑十号公寓楼</option><br>
                                    <option value="南苑十一公寓楼">南苑十一公寓楼</option><br>
                                    <option value="南苑十二公寓楼">南苑十二公寓楼</option><br>
                                </optgroup>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-default">提交</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src="<%=path%>/js/index.js"></script>

</body>
</html>
